<template>
  <div>
    <div>
      <button @click="handleBack">返回</button>
    </div>
    <micro-app
      name="sub-app-2"
      url="http://localhost:3003/"
      router-mode="native"
      baseroute="/sub-app-2/"
      iframe
      :data="data"
    ></micro-app>
  </div>
</template>
<script setup>
import { useRouter } from "vue-router";
import { ref } from "vue";

const router = useRouter();
const data = ref({
  name: "rose",
  age: 24,
  beautiful: true,
});
const handleBack = () => {
  router.back();
};
</script>
